<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">

<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>支付页面</title>

    <!-- Bootstrap Core CSS -->
    <link href="/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">

    <!-- MetisMenu CSS -->
    <link href="/vendor/metisMenu/metisMenu.min.css" rel="stylesheet">

    <!-- Custom CSS -->
    <link href="/dist/css/sb-admin-2.css" rel="stylesheet">

    <!-- Custom Fonts -->
    <link href="/vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">

    <!-- Datepicker CSS -->
    <link th:href="@{/vendor/datepicker/datepicker3.css}" rel="stylesheet" type="text/css">

    <!-- BootstrapTables CSS -->
    <link href="/vendor/bootstrap-table/css/bootstrap-table.css" rel="stylesheet">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->


</head>

<body>

<div id="wrapper">
    <div id="page-wrapper"  style="margin-left:0">
        <div class="row">
            <div class="col-lg-12">
                <h1 class="page-header">支付信息</h1>
            </div>
            <!-- /.col-lg-12 -->
        </div>
        <form id="formOne" th:action="@{/ApplicationPay}"  th:object="${loanpaymentinfo_entity}" method="post" >
            <div class="panel-group" id="accordion">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h4 class="panel-title">
                            <ul id="myTabtwo" class="nav nav-tabs">
                                <li class="active"><a href="#home" data-toggle="tab">支付基本信息</a></li>
                                <li><a href="javascript:void(0)" id="a_saveOne">保存</a></li>
                            </ul>
                        </h4>
                    </div>
                    <div id="collapseOne" class="panel-collapse collapse in">
                        <div class="panel-body">
                            <div class="row">
                                <input class="form-control" type="hidden" name="custCode" th:field="*{custCode}">
                                <input class="form-control" type="hidden" name="fenzhihang" th:field="*{fenzhihang}">
                                <input class="form-control" type="hidden" name="lineno" th:field="*{lineno}">
                                <input class="form-control" type="hidden" name="loanRef" th:field="*{loanRef}">
                                <input class="form-control" type="hidden" name="lastname" th:field="*{lastname}">
                                <input class="form-control" type="hidden" name="drawccy" th:field="*{drawccy}">
                                <input class="form-control" type="hidden" name="drawamt" th:field="*{drawamt}">
                                <input class="form-control" type="hidden" name="drawdate" th:field="*{drawdate}">
                            </div>
                            <div class="row">
                                <div class="col-lg-12">
                                    <div class="col-lg-6">
                                        <label>客户号：</label>
                                        <label th:text="*{custCode}" />

                                    </div>
                                    <div class="col-lg-6">
                                        <label>分/支行：</label>
                                        <label th:text="*{fenzhihang}" />

                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-lg-12">
                                    <div class="col-lg-6">
                                        <label>额度号：</label>
                                        <label th:text="*{lineno}" />

                                    </div>
                                    <div class="col-lg-6">
                                        <label>贷款编号：</label>
                                        <label th:text="*{loanRef}" />

                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-lg-12">
                                    <div class="col-lg-6">
                                        <label>中文名称：</label>
                                        <label th:text="*{lastname}" />

                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-lg-12">
                                    <div class="col-lg-6">
                                        <label>放款币种：</label>
                                        <label th:text="*{drawccy}" />

                                    </div>
                                    <div class="col-lg-6">
                                        <label>放款金额：</label>
                                        <label th:text="*{drawamt}" />

                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-lg-12">
                                    <div class="col-lg-6">
                                        <label>贷款日期（年-月-日）：</label>
                                        <label th:text="*{drawdate}" />

                                    </div>
                                    <div class="col-lg-6">
                                        <label class="col-lg-4">内蒙古内贷款：</label>
                                        <div class="col-lg-2">
                                            <select class="form-control select2" name="nmgflag" th:field="*{nmgflag}">
                                                <option value="Y">是</option>
                                                <option value="N">否</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-lg-12">
                                    <div class="col-lg-6">
                                        <label>贷款类型：</label>
                                        <input  name="loantype" type="radio" value="1" th:field="*{loantype}"/>固定资产贷款
                                        <input  name="loantype" type="radio" value="2" th:field="*{loantype}"/>流动资金贷款
                                        <input  name="loantype" type="radio" value="3" th:field="*{loantype}"/>个人贷款
                                        <input  name="loantype" type="radio" value="4" th:field="*{loantype}"/>其他贷款
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-lg-12">
                                    <div class="col-lg-12">
                                    <label>贷款种类：</label>
                                    <input  name="loancatg" type="radio" value="1" th:field="*{loancatg}"/>短期流动资金贷款
                                    <input  name="loancatg" type="radio" value="2" th:field="*{loancatg}"/>短期其他贷款
                                    <input  name="loancatg" type="radio" value="3" th:field="*{loancatg}"/>中期流动资金贷款
                                    <input  name="loancatg" type="radio" value="4" th:field="*{loancatg}"/>中期基建贷款
                                    <input  name="loancatg" type="radio" value="5" th:field="*{loancatg}"/>中期技改贷款
                                    <input  name="loancatg" type="radio" value="6" th:field="*{loancatg}"/>中期其他贷款
                                    <input  name="loancatg" type="radio" value="7" th:field="*{loancatg}"/>长期基建贷款
                                    <input  name="loancatg" type="radio" value="8" th:field="*{loancatg}"/>长期技改贷款
                                    <input  name="loancatg" type="radio" value="9" th:field="*{loancatg}"/>长期其他贷款
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-lg-12">
                                    <div class="col-lg-6">
                                        <div class="col-lg-4">
                                            <label>国家政策性贷款：</label>
                                        </div>
                                        <div class="col-lg-2">
                                            <select class="form-control select2" name="zcxflag" th:field="*{zcxflag}">
                                                <option value="Y">是</option>
                                                <option value="N">否</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="col-lg-4">
                                            <label>事先明确交易对手：</label>
                                        </div>
                                        <div class="col-lg-2">
                                        <select class="form-control select2" name="duiFlag" th:field="*{duiFlag}">
                                            <option value="Y">是</option>
                                            <option value="N">否</option>
                                        </select>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-lg-12">
                                    <div class="col-lg-4">
                                        <div class="col-lg-4">
                                            <label>贷款用途：</label>
                                        </div>
                                        <div class="col-lg-8">
                                        <select class="form-control select2" name="purpflag" th:field="*{purpflag}">
                                            <option value="1">消费类贷款</option>
                                            <option value="2">经营类贷款</option>
                                        </select>
                                        </div>
                                    </div>
                                    <div class="col-lg-4">
                                        <div class="col-lg-4">
                                            <label>用途说明：</label>
                                        </div>
                                        <div class="col-lg-8">
                                            <input class="form-control" name="purpdesc" th:field="*{purpdesc}">
                                        </div>
                                    </div>
                                    <div class="col-lg-4">
                                        <label>支付类型：</label>
                                        <input  name="paytype" type="radio" value="1" th:field="*{paytype}"/>自行支付
                                        <input  name="paytype" type="radio" value="2" th:field="*{paytype}"/>受托支付
                                        <input  name="paytype" type="radio" value="3" th:field="*{paytype}"/>特定贷款
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </form>
        <form id="formTwo" th:action="@{/ApplicationPayTwo}"  th:object="${loanpaymentinfo_det_entity}" method="post" >
            <div id="divTable" class="panel panel-default">
            <div class="panel-heading">
                <h4 class="panel-title">
                    <ul id="myTabOne" class="nav nav-tabs">
                        <li class="active"><a href="#home" data-toggle="tab">委托支付交易对手信息</a></li>
                        <li><a href="javascript:void(0)" id="a_add">新增</a></li>
                        <li><a href="javascript:void(0)" id="a_saveTwo">保存</a></li>
                        <li><a href="javascript:void(0)" id="a_delete">删除</a></li>
                    </ul>
                </h4>
            </div>
            <div id="collapse20" class="panel-collapse collapse in">
                <div class="panel-body">
                    <div class="row">
                        <input class="form-control" type="hidden" name="id" th:field="*{id}">
                        <input class="form-control" type="hidden" name="custcode" th:field="*{custcode}">
                        <input class="form-control" type="hidden" name="loanref" th:field="*{loanref}">
                    </div>
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="col-lg-6">
                                <label>交易对手标识：</label>
                                <input  name="duiflag" type="radio" value="1" th:field="*{duiflag}"/>行内客户
                                <input  name="duiflag" type="radio" value="2" th:field="*{duiflag}"/>行外客户
                            </div>
                            <div class="col-lg-6">
                                <div class="col-lg-3">
                                    <label>是否同城：</label>
                                </div>
                                <div class="col-lg-2">
                                    <select class="form-control select2" name="cityflag" th:field="*{cityflag}">
                                        <option value="Y">是</option>
                                        <option value="N">否</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="col-lg-6">
                                <div class="col-lg-3">
                                    <label>支付金额：</label>
                                </div>
                                <div class="col-lg-3">
                                <input class="form-control" name="payamt" th:field="*{payamt}">
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="col-lg-3">
                                    <label>支付时间：</label>
                                </div>
                                <div class="col-lg-3">
                                    <input class="form-control" name="paydate" th:field="*{paydate}">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-12">
                            <h4 class="page-header">行内用户</h4>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="col-lg-6">
                                <div class="col-lg-4">
                                    <label>交易对手客户号：</label>
                                </div>
                                <div class="col-lg-8">
                                    <div class="col-md-7">
                                        <input class="form-control" name="duicustcd" th:field="*{duicustcd}"><span id="span1" hidden style="color: red;">*交易对手客户号不能为空</span>
                                    </div>
                                    <div class="col-md-5">
                                        <button id="btn_select" class="btn btn-primary" type="button">默认客户资料</button>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="col-lg-4">
                                    <label>分/支行：</label>
                                </div>
                                <div class="col-lg-6">
                                    <input class="form-control" name="duibranch" th:field="*{duibranch}">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="col-lg-6">
                                <div class="col-lg-4">
                                    <label>交易对手收款帐号：</label>
                                </div>
                                <div class="col-lg-6">
                                    <input class="form-control" name="duiaccno" th:field="*{duiaccno}">
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="col-lg-4">
                                    <label>交易对手名称：</label>
                                </div>
                                <div class="col-lg-6">
                                    <input class="form-control" name="duiname" th:field="*{duiname}">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-12">
                            <h4 class="page-header">行外用户</h4>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="col-lg-6">
                                <div class="col-lg-4">
                                    <label>交易对手开户行大额行号：</label>
                                </div>
                                <div class="col-lg-6">
                                    <input class="form-control" name="waibranch" th:field="*{waibranch}">
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="col-lg-4">
                                    <label>交易对手开户行名称：</label>
                                </div>
                                <div class="col-lg-6">
                                    <input class="form-control" name="waibrname" th:field="*{waibrname}">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="col-lg-6">
                                <div class="col-lg-4">
                                    <label>交易对手收款账号：</label>
                                </div>
                                <div class="col-lg-6">
                                    <input class="form-control" name="waiaccno" th:field="*{waiaccno}">
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="col-lg-4">
                                    <label>交易对手名称：</label>
                                </div>
                                <div class="col-lg-6">
                                    <input class="form-control" name="wainame" th:field="*{wainame}">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        </form>
        <div id="Table" class="panel panel-default">
            <div class="panel-heading">
                <h4 class="panel-title">
                    <a data-toggle="collapse" data-parent="#accordion" href="#collapse22">交易对手列表</a>
                </h4>
            </div>
            <div id="collapse22" class="panel-collapse collapse in">
                <div class="panel-body">
                    <div class="row">
                        <div class="col-lg-12">
                            <div id="toolbar" class="btn-group">

                            </div>
                            <table id="LoanpaymentinfoTable"></table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- jQuery -->
<script src="/vendor/jquery/jquery.min.js"></script>

<!-- Bootstrap Core JavaScript -->
<script src="/vendor/bootstrap/js/bootstrap.min.js"></script>

<!-- Metis Menu Plugin JavaScript -->
<script src="/vendor/metisMenu/metisMenu.min.js"></script>

<!-- Custom Theme JavaScript -->
<script src="/dist/js/sb-admin-2.js"></script>

<!-- Datepicker JavaScript -->
<script th:src="@{/vendor/datepicker/bootstrap-datepicker.js}"></script>

<!-- BootstrapTables JavaScript -->
<script src="/vendor/bootstrap-table/bootstrap-table.js"></script>
<script src="/vendor/bootstrap-table/bootstrap-table-zh-CN.js"></script>

<!-- PledgeTable JavaScript -->
<script src="/js/own/applicationPay.js"></script>

</body>

</html>
